﻿    * { margin: 0; padding: 0; }
body { overflow-y: scroll; font-family: Arial; font-size: 14px; }

.page-title { font-size: 32px; color: red; margin: 20px 0 30px 0; border-bottom: 2px solid #04022a; text-shadow: 1px 2px 2px silver; }

input[type="text"] { width: 250px; padding: 5px; font-size: 16px; border: 1px solid silver; }
input[type="text"]:focus { border: 1px solid gray; }
input[type="submit"],input[type="button"]{ padding: 8px; font-size: 13px; font-family: Arial; font-weight: bold; color: #555; cursor: pointer; border: 1px solid silver; border-radius: 2px 2px 2px 2px; background: #EEEEEE; }
input[type="submit"]:hover,input[type="button"]:hover{ border: 1px solid gray; color: #555; }
input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{ padding: 0; border: 0; }

textarea { width: 500px; height: 200px; padding: 5px; font-size: 16px; border: 1px solid silver; }
textarea:focus { border: 1px solid gray; }

#global-container { width: 100%; min-height: 600px; }
#header { width: 100%; height: 155px; margin-top: 10px; background: white url('/Content/images/header.png') no-repeat; }
#header h1 { margin-left:250px; width: 800px; color: red; font-size: 50px;font-family: icon; text-shadow: 1px 2px 2px silver; }
#menu { width: 100%; background: #04022a; border-bottom: 1px solid gray; }
#menu-list { width: 1100px; padding: 12px; margin: auto; }
#menu-list li { padding: 0 20px 0 0; list-style-position: inside; list-style: none; display: inline; }
#menu-list a { color: White; text-decoration: none; }
#container { width: 1100px; min-height: 500px; margin: auto; }

#route-form { margin: 0 0 50px 0; }
#route-form label { font-weight: bold; }
#route-form li { list-style-position: inside; list-style: none; padding: 0 10px 0 0; display: inline; }
#map { width: 600px; height: 600px; float: left; border: 1px solid silver; box-shadow: 3px 3px 3px 3px #EEEEEE; }
#route { width: 400px; float: left; }
#metadata-container { width: 400px; margin-left:50px; float: left; }

#contact-container { }
#contact-form { width: 400px; float: left; }
#contact-map { float: right; }
.contact-form-row { margin-bottom: 10px; }

#meer-info-button { margin-bottom: 10px; }